<script setup lang="ts">
import KLineChartContract from './KLineChartContract.vue'
const props = defineProps(['domInfo'])
const emit = defineEmits(['showindicator'])
const showindicator = (e: string, x: string) => {
    emit('showindicator', e, x)
}
</script>

<template>
    <div class="px-[16px]">
        <div
            class=" mx-[-16px] px-[16px] py-[10px] text-[14px] flex justify-between items-center border-0  border-b-[1px] border-[#ededed] border-solid dark:border-[#333b47]">
            <div class=" relative z-10 dark:text-[#eaebef]">图表</div>
            <div class="dark:text-[#eaebef]">更多</div>
        </div>
        <KLineChartContract @showindicator="showindicator" :info="props.domInfo" />
    </div>
</template>

<style scoped></style>